<template>
  <TabsDialog :tabs="tabs" ref="tabsDialogRef">
    <template #append-idCard>
      <el-button>发送验证码</el-button>
    </template>
    <template #footer>
      <el-button @click="handleLogin">登录</el-button>
    </template>
  </TabsDialog>
</template>

<script setup>
import TabsDialog from '@/components/tabsdialog/TabsDialog.vue'
import { ref } from 'vue'
const tabs = ref([
  { label: '用户管理', fieldConfig: [{ type: 'input', prop: 'idCard', label: '用户名', attribute: 'text', showAppendSlot: true }] },
  { label: '配置管理', fieldConfig: [{}] }
])
const tabsDialogRef = ref(null)
const handleLogin = () => {
  tabsDialogRef.value.submitForm()
}
</script>
